<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>项目投标</title>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css">
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/project.css">
</head>
<body>
<!-- 导航条 -->
<div class="container">
    <div class="panel navbar navbar-inverse" style="margin-bottom: 0;">
        <div class="navbar-header" style="margin-right: 100px;">
            <a herf="./index.html"><img src="img/logo.jpg" class="logo"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./project.html">来投资 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./project.html">项目投标</a></li>
                        <li><a href="./fund.html">基金交易</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./reg.html">来理财 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./question.html">风险测评</a></li>
                        <li><a href="./member.html">理财会员</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./blog.html">来了解 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./blog.html">全部</a></li>
                        <li><a href="./blog.html">理财知识</a></li>
                        <li><a href="./blog.html">金融市场</a></li>
                        <li><a href="./blog.html">财经资讯</a></li>
                        <li><a href="./blog.html">投资技巧</a></li>
                        <li><a href="./blog.html">生活享受</a></li>
                    </ul>
                </li>
                <li><a href="#">来扎堆</a></li>
            </ul>
            <div class="navbar-form navbar-right">
                <a href="#" class="btn"><img src="img/btn_login.png"></a>
                <a href="./reg.html" class="btn"><img src="img/btn_regist.png"></a>
            </div>
        </div>
    </div>
</div>

<div class="container" role="main">
    <div class="panel panel-default pil_condition">
        <div class="panel-body">
            <h4>筛选投资项目</h4>
            <p><span>借款类型：</span><a href="javascript:changeType(1)">全 部</a><a href="javascript:changeType(2)">小微企业</a><a href="javascript:changeType(3)" class="active">个人借款</a></p>
            <p><span>标的状态：</span><a href="javascript:changeStatus(1)">全 部</a><a class="active" href="javascript:changeStatus(2)">投标中</a><a href="javascript:changeStatus(3)">已满标</a><a href="javascript:changeStatus(4)">回款中</a><a href="javascript:changeStatus(5)">已完结</a></p>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <table cellspacing="0" id="pil_table1" class="pil_table">
                <thead>
                    <tr id="pil_tit_tr" class="pil_tit_tr" style="background: none repeat scroll 0 0 transparent;">
                        <th class="eq0 pil_type">借款标题</th>
                        <th class="eq8">标的来源</th>
                        <th class="eq1">
                            <a href="javascript:changeSort('annualRateXM');" class="pil_list asc active">预收益<span></span></a>
                        </th>
                        <th class="eq2">
                            <a href="javascript:changeSort('deadlineXM');" class="pil_list asc ">期限<span></span></a>
                        </th>
                        <th class="eq3">金额</th>
                        <th class="eq5">
                            <a href="javascript:changeSort('schedulesXM');" class="pil_list des ">进度 <span></span></a>
                        </th>
                        <th class="eq6">可投金额</th>
                        <th class="eq7">状态</th>
                    </tr>
                </thead>
                <tbody>
                    <tr style="background: none repeat scroll 0 0 rgb(246, 246, 246);">
                        <td class="pil_type">
                            <!-- 这里区分个人还是企业图标 -->
                            <em class="pil_personage"></em>
                            <a title="标的借款标题" target="_blank" href="project_item.html">扩大生态肉鸡养殖规模</a>
                        </td>
                        <td>平安银行</td>
                        <td>7.50%</td>
                        <td>12个月</td>
                        <td align="right" class="pr10"><strong>80,000.00</strong></td>
                        <td align="left" class="eq5_sub">
                            <div class="progress progress-striped active progress-position" role="progressbar">
                                <div style="width: 54.12%;" class="progress-bar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="persent">&nbsp;54.12%</div>
                        </td>
                        <td align="right"><strong>36,700.00</strong></td>
                        <td>
                            <a href="project_item.html" target="_blank" class="pil_bid_btn">立即投标</a>
                        </td>
                    </tr>
                    <tr style="background: none repeat scroll 0 0 transparent;">
                        <td class="pil_type">
                            <!-- 这里区分个人还是企业图标 -->
                            <em class="pil_personage"></em>
                            <a title="标的借款标题" target="_blank" href="project_item.html">熟食加工商户为中秋备货</a>
                        </td>
                        <td>平安银行</td>
                        <td>7.50%</td>
                        <td>12个月</td>
                        <td align="right" class="pr10"><strong>200,000.00</strong></td>
                        <td align="left" class="eq5_sub">
                            <div class="progress progress-striped active progress-position" role="progressbar">
                                <div style="width: 2.7%;" class="progress-bar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="persent">&nbsp;2.7%
                            </div>
                        </td>
                        <td align="right"><strong>194,600.00</strong></td>
                        <td>
                            <a href="project_item.html" target="_blank" class="pil_bid_btn">立即投标</a>
                        </td>
                    </tr>
                    <tr style="background: none repeat scroll 0 0 rgb(246, 246, 246);">
                        <td class="pil_type">
                            <!-- 这里区分个人还是企业图标 -->
                            <em class="pil_personage"></em>
                            <a title="标的借款标题" target="_blank" href="project_item.html">连锁面包店开新店</a>
                        </td>
                        <td>平安银行</td>
                        <td>7.50%</td>
                        <td>12个月</td>
                        <td align="right" class="pr10"><strong>200,000.00</strong></td>
                        <td align="left" class="eq5_sub">
                            <div class="progress progress-striped active progress-position" role="progressbar">
                                <div style="width: 8.5%;" class="progress-bar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="persent">&nbsp;8.5%
                            </div>
                        </td>
                        <td align="right"><strong>183,000.00</strong></td>
                        <td>
                            <a href="project_item.html" target="_blank" class="pil_bid_btn">立即投标</a>
                        </td>
                    </tr>
                    <tr style="background: none repeat scroll 0 0 transparent;">
                        <td class="pil_type">
                            <!-- 这里区分个人还是企业图标 -->
                            <em class="pil_personage"></em>
                            <a title="标的借款标题" target="_blank" href="project_item.html">奶牛养殖户筹集资金购买...</a>
                        </td>
                        <td>平安银行</td>
                        <td>7.50%</td>
                        <td>12个月</td>
                        <td align="right" class="pr10"><strong>200,000.00</strong></td>
                        <td align="left" class="eq5_sub">
                            <div class="progress progress-striped active progress-position" role="progressbar">
                                <div style="width: 35.95%;" class="progress-bar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="persent">&nbsp;35.95%
                            </div>
                        </td>
                        <td align="right"><strong>128,100.00</strong></td>
                        <td>
                            <a href="project_item.html" target="_blank" class="pil_bid_btn">立即投标</a>
                        </td>
                    </tr>
                </tbody>
            </table>

            <ul class="pagination pull-right">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- 底部介绍 -->
<div class="container">
    <div class="panel panel-default jieshao" style="margin-bottom: 0">
        <div class="panel-body" style="padding-bottom: 0;">
            <div style="width: 150px;float: left;">
                <img src="img/b01.png">
                <h5>关于新橘财富</h5>
                <ul class="list-unstyled">
                    <li><a href="#">新橘财富介绍</a></li>
                    <li><a href="#">管理层团队</a></li>
                    <li><a href="#">公告和新闻</a></li>
                    <li><a href="#">集团介绍</a></li>
                </ul>
            </div>
            <div style="width: 150px;float: left;">
                <img src="img/b02.png">
                <h5>帮助中心</h5>
                <ul class="list-unstyled">
                    <li><a href="#">注册及认证</a></li>
                    <li><a href="#">投资操作</a></li>
                    <li><a href="#">转让操作</a></li>
                    <li><a href="#">新手必读</a></li>
                </ul>
            </div>
            <div style="width: 150px;float: left;">
                <img src="img/b03.png">
                <h5>安全保障</h5>
                <ul class="list-unstyled">
                    <li><a href="#">投资安全</a></li>
                    <li><a href="#">资金安全</a></li>
                    <li><a href="#">数据及信息</a></li>
                    <li><a href="#">隐私保密</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<div class="container">
    <div class="panel footer panel-body" style="background-color: #303133;margin: 0">
        <div class="row panel-body" style="padding: 0">
            <div class="col-sm-3">
                <span style="margin-right: 60px;">版权所有 &copy; xxxxxxxxxxxxxxxxx</span>
            </div>
            <div class="col-lg-2" style="padding-left: 0;padding-right: 0">
                <span>全国服务热线：4001 8888 88</span>
            </div>
            <div class="col-sm-7 text-right">
                <span>注册新橘财富</span>
                <label>邮箱：<input type="text"></label>
                <label>密码：<input type="text"></label>
                <a href="./reg.html" style="margin-left: 15px;"><img src="img/regist.jpg"></a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/project.js"></script>
</body>
</html>
